<template>
	
	<div  class="left-nav">
		<ul>
		<li>
            <i class="icon iconfont icon-31shouye"></i>
            <div><router-link to="/">Home</router-link></div>
        </li>

        <li>
            <i class="icon iconfont icon-fenlei"></i>
            <div><router-link to="/rubric">Rubric</router-link></div>
        </li>

        <li>
            <i class="icon iconfont icon-x-xlsx"></i>
            <div><router-link to="/student">Upload</router-link></div>
        </li>

        

		</ul>
	</div>
</template>

<script>
	export default{

	}

</script>

<style>
	.left-nav{
		color: #fff;
		font-size: 10px;
		height: 100%;
		background-color: #1D8CE0;
		float: left;
		width: 5%；
	}
	.iconfont{
		font-size:24px;
	}

	.left-nav ul{
		padding: 0px;
		margin: 0px;
		white-space: nowrap; 
	}

	.left-nav li{
		list-style: none;
		text-align: center;
		border-bottom: 1px solid #20a0ff;
		padding: 10px;
	}

</style>